import { history } from 'umi';
import React from 'react';
import { NavBar, Sticky } from 'react-vant';
import { SafeArea } from 'antd-mobile';
import './article.less';

const goBack = () => {
  history.back();
}

export default function ArticlePage() {
  return (
    <div className='article'>
      <Sticky>
        <NavBar title='内容详情' leftText='返回' onClickLeft={goBack} />
      </Sticky>
      <div className='content container'>
        <h3 className='article-title'>大鱼约玩平台介绍</h3>
        <p>大鱼约玩是一家健康纯绿色的约玩平台，由武汉本地正规公司运作，目前已有百位陪玩搭档入驻（持续增加中）。公司设有专门的客服人员，全程跟单与服务。</p>
        <p style={{ textAlign: 'center' }}>
          <img
            src='//res.dayupp.com/partner/42239977bced33958dc2fe78c97a0f59.jpg'
            alt='' />
        </p>
        <p>根据不同陪玩搭档可接单的类型不同，目前约玩的类型共分为12类：</p>
        <table>
          <tbody>
          <tr>
            <td>线下开黑</td>
            <td>线上陪练</td>
            <td>共进晚餐</td>
            <td>微醺小酌</td>
          </tr>
          <tr>
            <td>一起观影</td>
            <td>台球陪练</td>
            <td>密室逃脱</td>
            <td>一起散步</td>
          </tr>
          <tr>
            <td>一起唱歌</td>
            <td>剧本桌游</td>
            <td>旅游向导</td>
            <td>连麦聊天</td>
          </tr>
          </tbody>
        </table>
        <p>平台仅提供绿色约玩媒介服务，严禁一切违反法律法规，破坏社会秩序的行为。</p>
      </div>
      <SafeArea position='bottom' />
    </div>
  );
}
